window.onload=function(){
		class tab {
			//属性
			constructor() {
				this.oBtn = document.getElementsByTagName('button');
				this.oDiv = document.getElementsByTagName('div');
			}

			//方法
			show() {
				//声明this指向
				var _this = this
				for(let i = 0; i < this.oBtn.length; i++) {
					_this.oBtn[i].onclick = function() {
						_this.fn(i)
					}
				}
			}

			//封装函数
			fn(i) {
				for(let j = 0; j < this.oDiv.length; j++) {
					this.oBtn[j].className = ''
					this.oDiv[j].className = ''
				}
				this.oDiv[i].className = 'show'
				this.oBtn[i].className = 'active'
			}

		}

		new tab().show()
}
